<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="basePath" value="${pageContext.request.contextPath}" />

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>AdminLTE 2 | Read Record Log</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.7 -->
<link rel="stylesheet"
	href="${basePath}/AdminLTE/bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- Font Awesome -->
<link rel="stylesheet"
	href="${basePath}/AdminLTE/bower_components/font-awesome/css/font-awesome.min.css">
<!-- Ionicons -->
<link rel="stylesheet"
	href="${basePath}/AdminLTE/bower_components/Ionicons/css/ionicons.min.css">
<!-- Theme style -->
<link rel="stylesheet"
	href="${basePath}/AdminLTE/dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet"
	href="${basePath}/AdminLTE/dist/css/skins/_all-skins.min.css">
<!-- iCheck -->
<link rel="stylesheet"
	href="${basePath}/AdminLTE/plugins/iCheck/flat/blue.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->

<!-- Google Font -->
<link rel="stylesheet"
	href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
</head>
<body class="hold-transition skin-blue sidebar-mini">
	<div class="wrapper">

		<header class="main-header">
			<!-- Logo -->
			<a href="/stocker-manager/cross/toTransfer" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"><b>A</b>LT</span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg"><b>返回</b>导航页</span>
			</a>
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="push-menu"
					role="button"> <span class="sr-only">Toggle navigation</span> <span
					class="icon-bar"></span> <span class="icon-bar"></span> <span
					class="icon-bar"></span>
				</a>

				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<!-- Messages: style can be found in dropdown.less-->
						<li class="dropdown messages-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-envelope-o"></i> <span class="label label-success">4</span>
						</a>
							<ul class="dropdown-menu">
								<li class="header">You have 4 messages</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li>
											<!-- start message --> <a href="#">
												<div class="pull-left">
													<img src="${basePath}/AdminLTE/dist/img/user2-160x160.jpg"
														class="img-circle" alt="User Image">
												</div>
												<h4>
													Support Team <small><i class="fa fa-clock-o"></i> 5
														mins</small>
												</h4>
												<p>Why not buy a new awesome theme?</p>
										</a>
										</li>
										<!-- end message -->
									</ul>
								</li>
								<li class="footer"><a href="#">See All Messages</a></li>
							</ul></li>
						<!-- Notifications: style can be found in dropdown.less -->
						<li class="dropdown notifications-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-bell-o"></i> <span class="label label-warning">10</span>
						</a>
							<ul class="dropdown-menu">
								<li class="header">You have 10 notifications</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li><a href="#"> <i class="fa fa-users text-aqua"></i>
												5 new members joined today
										</a></li>
									</ul>
								</li>
								<li class="footer"><a href="#">View all</a></li>
							</ul></li>
						<!-- Tasks: style can be found in dropdown.less -->
						<li class="dropdown tasks-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-flag-o"></i> <span class="label label-danger">9</span>
						</a>
							<ul class="dropdown-menu">
								<li class="header">You have 9 tasks</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li>
											<!-- Task item --> <a href="#">
												<h3>
													Design some buttons <small class="pull-right">20%</small>
												</h3>
												<div class="progress xs">
													<div class="progress-bar progress-bar-aqua"
														style="width: 20%" role="progressbar" aria-valuenow="20"
														aria-valuemin="0" aria-valuemax="100">
														<span class="sr-only">20% Complete</span>
													</div>
												</div>
										</a>
										</li>
										<!-- end task item -->
									</ul>
								</li>
								<li class="footer"><a href="#">View all tasks</a></li>
							</ul></li>
						<!-- User Account: style can be found in dropdown.less -->
						<li class="dropdown user user-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <img
								src="${basePath}/AdminLTE/dist/img/user2-160x160.jpg"
								class="user-image" alt="User Image"> <span
								class="hidden-xs">Alexander Pierce</span>
						</a>
							<ul class="dropdown-menu">
								<!-- User image -->
								<li class="user-header"><img
									src="${basePath}/AdminLTE/dist/img/user2-160x160.jpg"
									class="img-circle" alt="User Image">

									<p>
										Alexander Pierce - Web Developer <small>Member since
											Nov. 2012</small>
									</p></li>
								<!-- Menu Body -->
								<li class="user-body">
									<div class="row">
										<div class="col-xs-4 text-center">
											<a href="#">Followers</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Sales</a>
										</div>
										<div class="col-xs-4 text-center">
											<a href="#">Friends</a>
										</div>
									</div> <!-- /.row -->
								</li>
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">Profile</a>
									</div>
									<div class="pull-right">
										<a href="#" class="btn btn-default btn-flat">Sign out</a>
									</div>
								</li>
							</ul></li>
						<!-- Control Sidebar Toggle Button -->
						<li><a href="#" data-toggle="control-sidebar"><i
								class="fa fa-gears"></i></a></li>
					</ul>
				</div>
			</nav>
		</header>
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel -->
				<div class="user-panel">
					<div class="pull-left image">
						<img src="${basePath}/AdminLTE/dist/img/user2-160x160.jpg"
							class="img-circle" alt="User Image">
					</div>
					<div class="pull-left info">
						<p>Alexander Pierce</p>
						<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>
				<!-- search form -->
				<form action="#" method="get" class="sidebar-form">
					<div class="input-group">
						<input type="text" name="q" class="form-control"
							placeholder="Search..."> <span class="input-group-btn">
							<button type="submit" name="search" id="search-btn"
								class="btn btn-flat">
								<i class="fa fa-search"></i>
							</button>
						</span>
					</div>
				</form>
				<!-- /.search form -->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu" data-widget="tree">
					<li class="header">MAIN NAVIGATION</li>
					<li class="treeview"><a href="#"> <i
							class="fa fa-dashboard"></i> <span>Dashboard</span> <span
							class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="${basePath}/AdminLTE/index.html"><i
									class="fa fa-circle-o"></i> Dashboard v1</a></li>
							<li><a href="${basePath}/AdminLTE/index2.html"><i
									class="fa fa-circle-o"></i> Dashboard v2</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-files-o"></i>
							<span>Layout Options</span> <span class="pull-right-container">
								<span class="label label-primary pull-right">4</span>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="../layout/top-nav.html"><i
									class="fa fa-circle-o"></i> Top Navigation</a></li>
							<li><a href="../layout/boxed.html"><i
									class="fa fa-circle-o"></i> Boxed</a></li>
							<li><a href="../layout/fixed.html"><i
									class="fa fa-circle-o"></i> Fixed</a></li>
							<li><a href="../layout/collapsed-sidebar.html"><i
									class="fa fa-circle-o"></i> Collapsed Sidebar</a></li>
						</ul></li>
					<li><a href="../widgets.html"> <i class="fa fa-th"></i> <span>Widgets</span>
							<span class="pull-right-container"> <small
								class="label pull-right bg-green">new</small>
						</span>
					</a></li>
					<li class="treeview"><a href="#"> <i
							class="fa fa-pie-chart"></i> <span>Charts</span> <span
							class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="../charts/chartjs.html"><i
									class="fa fa-circle-o"></i> ChartJS</a></li>
							<li><a href="../charts/morris.html"><i
									class="fa fa-circle-o"></i> Morris</a></li>
							<li><a href="../charts/flot.html"><i
									class="fa fa-circle-o"></i> Flot</a></li>
							<li><a href="../charts/inline.html"><i
									class="fa fa-circle-o"></i> Inline charts</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-laptop"></i>
							<span>UI Elements</span> <span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="../UI/general.html"><i
									class="fa fa-circle-o"></i> General</a></li>
							<li><a href="../UI/icons.html"><i class="fa fa-circle-o"></i>
									Icons</a></li>
							<li><a href="../UI/buttons.html"><i
									class="fa fa-circle-o"></i> Buttons</a></li>
							<li><a href="../UI/sliders.html"><i
									class="fa fa-circle-o"></i> Sliders</a></li>
							<li><a href="../UI/timeline.html"><i
									class="fa fa-circle-o"></i> Timeline</a></li>
							<li><a href="../UI/modals.html"><i
									class="fa fa-circle-o"></i> Modals</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-edit"></i>
							<span>Forms</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="../forms/general.html"><i
									class="fa fa-circle-o"></i> General Elements</a></li>
							<li><a href="../forms/advanced.html"><i
									class="fa fa-circle-o"></i> Advanced Elements</a></li>
							<li><a href="../forms/editors.html"><i
									class="fa fa-circle-o"></i> Editors</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-table"></i>
							<span>仓库表格</span> <span class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a
								href="/stocker-manager/cross/generalAccess?moduleName=StockerPages/OutStoreRoster&competence=4"><i
									class="fa fa-circle-o"></i> 提货申请队列</a></li>
							<li><a href="/stocker-manager/StockController/DataTables"><i
									class="fa fa-circle-o"></i> 全部仓储物资</a></li>
						</ul></li>
					<li><a href="../calendar.html"> <i class="fa fa-calendar"></i>
							<span>Calendar</span> <span class="pull-right-container">
								<small class="label pull-right bg-red">3</small> <small
								class="label pull-right bg-blue">17</small>
						</span>
					</a></li>
					<li class="treeview active"><a href="#">入库申请队列 <i
							class="fa fa-envelope"></i> <span>Mailbox</span> <span
							class="pull-right-container"> <i
								class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a
								href="/stocker-manager/cross/generalAccess?moduleName=StockerPages/SubQueue&competence=4">
									申请入库之采购批次 <span class="pull-right-container"> <span
										class="label label-primary pull-right len_amount"></span>
								</span>
							</a></li>
							<li><a href="#">Compose</a></li>
							<li class="active"><a href="javascript:void(0)">查看日志记录</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-folder"></i>
							<span>Examples</span> <span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="../examples/invoice.html"><i
									class="fa fa-circle-o"></i> Invoice</a></li>
							<li><a href="../examples/profile.html"><i
									class="fa fa-circle-o"></i> Profile</a></li>
							<li><a href="../examples/login.html"><i
									class="fa fa-circle-o"></i> Login</a></li>
							<li><a href="../examples/register.html"><i
									class="fa fa-circle-o"></i> Register</a></li>
							<li><a href="../examples/lockscreen.html"><i
									class="fa fa-circle-o"></i> Lockscreen</a></li>
							<li><a href="../examples/404.html"><i
									class="fa fa-circle-o"></i> 404 Error</a></li>
							<li><a href="../examples/500.html"><i
									class="fa fa-circle-o"></i> 500 Error</a></li>
							<li><a href="../examples/blank.html"><i
									class="fa fa-circle-o"></i> Blank Page</a></li>
							<li><a href="../examples/pace.html"><i
									class="fa fa-circle-o"></i> Pace Page</a></li>
						</ul></li>
					<li class="treeview"><a href="#"> <i class="fa fa-share"></i>
							<span>Multilevel</span> <span class="pull-right-container">
								<i class="fa fa-angle-left pull-right"></i>
						</span>
					</a>
						<ul class="treeview-menu">
							<li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
							<li class="treeview"><a href="#"><i
									class="fa fa-circle-o"></i> Level One <span
									class="pull-right-container"> <i
										class="fa fa-angle-left pull-right"></i>
								</span> </a>
								<ul class="treeview-menu">
									<li><a href="#"><i class="fa fa-circle-o"></i> Level
											Two</a></li>
									<li class="treeview"><a href="#"><i
											class="fa fa-circle-o"></i> Level Two <span
											class="pull-right-container"> <i
												class="fa fa-angle-left pull-right"></i>
										</span> </a>
										<ul class="treeview-menu">
											<li><a href="#"><i class="fa fa-circle-o"></i> Level
													Three</a></li>
											<li><a href="#"><i class="fa fa-circle-o"></i> Level
													Three</a></li>
										</ul></li>
								</ul></li>
							<li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
						</ul></li>
					<li><a href="https://adminlte.io/docs"><i
							class="fa fa-book"></i> <span>Documentation</span></a></li>
					<li class="header">LABELS</li>
					<li><a href="#"><i class="fa fa-circle-o text-red"></i> <span>Important</span></a></li>
					<li><a href="#"><i class="fa fa-circle-o text-yellow"></i>
							<span>Warning</span></a></li>
					<li><a href="#"><i class="fa fa-circle-o text-aqua"></i> <span>Information</span></a></li>
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>Read Log</h1>
				<ol class="breadcrumb">
					<li><a href="/stocker-manager/login.jsp"><i
							class="fa fa-dashboard"></i> Home</a></li>
					<li class="active">日志记录</li>
				</ol>
			</section>

			<!-- Main content -->
			<section class="content">
				<div class="row">
					<div class="col-md-3">
						<a href="#" class="btn btn-primary btn-block margin-bottom">Compose</a>
						<div class="box box-solid">
							<div class="box-header with-border">
								<h3 class="box-title">Folders</h3>
								<div class="box-tools">
									<button type="button" class="btn btn-box-tool"
										data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
								</div>
							</div>
							<div class="box-body no-padding">
								<ul class="nav nav-pills nav-stacked">
									<li><a href="mailbox.html"><i class="fa fa-inbox"></i>
											Inbox <span class="label label-primary pull-right">12</span></a></li>
									<li><a href="#"><i class="fa fa-envelope-o"></i> Sent</a></li>
									<li><a href="#"><i class="fa fa-file-text-o"></i>
											Drafts</a></li>
									<li><a href="#"><i class="fa fa-filter"></i> Junk <span
											class="label label-warning pull-right">65</span></a></li>
									<li><a href="#"><i class="fa fa-trash-o"></i> Trash</a></li>
								</ul>
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /. box -->
						<div class="box box-solid">
							<div class="box-header with-border">
								<h3 class="box-title">Labels</h3>

								<div class="box-tools">
									<button type="button" class="btn btn-box-tool"
										data-widget="collapse">
										<i class="fa fa-minus"></i>
									</button>
								</div>
							</div>
							<div class="box-body no-padding">
								<ul class="nav nav-pills nav-stacked">
									<li><a href="#"><i class="fa fa-circle-o text-red"></i>
											Important</a></li>
									<li><a href="#"><i class="fa fa-circle-o text-yellow"></i>
											Promotions</a></li>
									<li><a href="#"><i
											class="fa fa-circle-o text-light-blue"></i> Social</a></li>
								</ul>
							</div>
							<!-- /.box-body -->
						</div>
						<!-- /.box -->
					</div>
					<!-- /.col -->
					<div class="col-md-9">
						<div class="box box-primary">
							<div class="box-header with-border">
								<h3 class="box-title">Read Daily Log</h3>

								<div class="box-tools pull-right">
									<a href="#" class="btn btn-box-tool" data-toggle="tooltip"
										title="Previous"><i class="fa fa-chevron-left"></i></a> <a
										href="#" class="btn btn-box-tool" data-toggle="tooltip"
										title="Next"><i class="fa fa-chevron-right"></i></a>
								</div>
							</div>
							<!-- /.box-header -->

							<!-- æ¿æ¢ -->
							<div class="box-body no-padding" style="display: none;">
								<div class="mailbox-read-info">
									<h3>Message Subject Is Placed Here</h3>
									<h5>
										From: help@example.com <span
											class="mailbox-read-time pull-right">15 Feb. 2016
											11:03 PM</span>
									</h5>
								</div>
								<!-- /.mailbox-read-info -->
								<div class="mailbox-controls with-border text-center">
									<div class="btn-group">
										<button type="button" class="btn btn-default btn-sm"
											data-toggle="tooltip" data-container="body" title="Delete">
											<i class="fa fa-trash-o"></i>
										</button>
										<button type="button" class="btn btn-default btn-sm"
											data-toggle="tooltip" data-container="body" title="Reply">
											<i class="fa fa-reply"></i>
										</button>
										<button type="button" class="btn btn-default btn-sm"
											data-toggle="tooltip" data-container="body" title="Forward">
											<i class="fa fa-share"></i>
										</button>
									</div>
									<!-- /.btn-group -->
									<button type="button" class="btn btn-default btn-sm"
										data-toggle="tooltip" title="Print">
										<i class="fa fa-print"></i>
									</button>
								</div>
								<!-- /.mailbox-controls -->
								<div class="mailbox-read-message">
									<p>Hello John,</p>

									<p>Keffiyeh blog actually fashion axe vegan, irony
										biodiesel. Cold-pressed hoodie chillwave put a bird on it
										aesthetic, bitters brunch meggings vegan iPhone. Dreamcatcher
										vegan scenester mlkshk. Ethical master cleanse Bushwick,
										occupy Thundercats banjo cliche ennui farm-to-table mlkshk
										fanny pack gluten-free. Marfa butcher vegan quinoa, bicycle
										rights disrupt tofu scenester chillwave 3 wolf moon
										asymmetrical taxidermy pour-over. Quinoa tote bag fashion axe,
										Godard disrupt migas church-key tofu blog locavore.
										Thundercats cronut polaroid Neutra tousled, meh food truck
										selfies narwhal American Apparel.</p>

									<p>Raw denim McSweeney's bicycle rights, iPhone trust fund
										quinoa Neutra VHS kale chips vegan PBR&amp;B literally
										Thundercats +1. Forage tilde four dollar toast, banjo health
										goth paleo butcher. Four dollar toast Brooklyn pour-over
										American Apparel sustainable, lumbersexual listicle
										gluten-free health goth umami hoodie. Synth Echo Park bicycle
										rights DIY farm-to-table, retro kogi sriracha dreamcatcher
										PBR&amp;B flannel hashtag irony Wes Anderson. Lumbersexual
										Williamsburg Helvetica next level. Cold-pressed slow-carb
										pop-up normcore Thundercats Portland, cardigan literally
										meditation lumbersexual crucifix. Wayfarers raw denim paleo
										Bushwick, keytar Helvetica scenester keffiyeh 8-bit irony
										mumblecore whatever viral Truffaut.</p>

									<p>Post-ironic shabby chic VHS, Marfa keytar flannel lomo
										try-hard keffiyeh cray. Actually fap fanny pack yr artisan
										trust fund. High Life dreamcatcher church-key gentrify. Tumblr
										stumptown four dollar toast vinyl, cold-pressed try-hard blog
										authentic keffiyeh Helvetica lo-fi tilde Intelligentsia. Lomo
										locavore salvia bespoke, twee fixie paleo cliche brunch
										Schlitz blog McSweeney's messenger bag swag slow-carb. Odd
										Future photo booth pork belly, you probably haven't heard of
										them actually tofu ennui keffiyeh lo-fi Truffaut health goth.
										Narwhal sustainable retro disrupt.</p>

									<p>Skateboard artisan letterpress before they sold out High
										Life messenger bag. Bitters chambray leggings listicle,
										drinking vinegar chillwave synth. Fanny pack hoodie American
										Apparel twee. American Apparel PBR listicle, salvia aesthetic
										occupy sustainable Neutra kogi. Organic synth Tumblr viral
										plaid, shabby chic single-origin coffee Etsy 3 wolf moon
										slow-carb Schlitz roof party tousled squid vinyl. Readymade
										next level literally trust fund. Distillery master cleanse
										migas, Vice sriracha flannel chambray chia cronut.</p>

									<p>
										Thanks,<br>Jane
									</p>
								</div>
								<!-- /.mailbox-read-message -->
							</div>

							<div class="box-body no-padding">
								<div class="mailbox-read-info records_stock_dept"></div>
								<!-- /.mailbox-read-info -->
								<div class="mailbox-controls with-border text-center">
									<div class="btn-group">
										<button type="button" class="btn btn-default btn-sm"
											data-toggle="tooltip" data-container="body" title="Delete">
											<i class="fa fa-trash-o"></i>
										</button>
										<button type="button" class="btn btn-default btn-sm"
											data-toggle="tooltip" data-container="body" title="Reply">
											<i class="fa fa-reply"></i>
										</button>
										<button type="button" class="btn btn-default btn-sm"
											data-toggle="tooltip" data-container="body" title="Forward">
											<i class="fa fa-share"></i>
										</button>
									</div>
									<!-- /.btn-group -->
									<button type="button" class="btn btn-default btn-sm"
										data-toggle="tooltip" title="Print">
										<i class="fa fa-print"></i>
									</button>
								</div>
								<!-- /.mailbox-controls -->
								<div class="mailbox-read-message"></div>
								<!-- /.mailbox-read-message -->
							</div>

							<!-- /.box-body -->
							<div class="box-footer" style="display: none;">
								<ul class="mailbox-attachments clearfix">
									<li><span class="mailbox-attachment-icon"><i
											class="fa fa-file-pdf-o"></i></span>

										<div class="mailbox-attachment-info">
											<a href="#" class="mailbox-attachment-name"><i
												class="fa fa-paperclip"></i> Sep2014-report.pdf</a> <span
												class="mailbox-attachment-size"> 1,245 KB <a href="#"
												class="btn btn-default btn-xs pull-right"><i
													class="fa fa-cloud-download"></i></a>
											</span>
										</div></li>
									<li><span class="mailbox-attachment-icon"><i
											class="fa fa-file-word-o"></i></span>

										<div class="mailbox-attachment-info">
											<a href="#" class="mailbox-attachment-name"><i
												class="fa fa-paperclip"></i> App Description.docx</a> <span
												class="mailbox-attachment-size"> 1,245 KB <a href="#"
												class="btn btn-default btn-xs pull-right"><i
													class="fa fa-cloud-download"></i></a>
											</span>
										</div></li>
									<li><span class="mailbox-attachment-icon has-img"><img
											src="${basePath}/AdminLTE/dist/img/photo1.png"
											alt="Attachment"></span>

										<div class="mailbox-attachment-info">
											<a href="#" class="mailbox-attachment-name"><i
												class="fa fa-camera"></i> photo1.png</a> <span
												class="mailbox-attachment-size"> 2.67 MB <a href="#"
												class="btn btn-default btn-xs pull-right"><i
													class="fa fa-cloud-download"></i></a>
											</span>
										</div></li>
									<li><span class="mailbox-attachment-icon has-img"><img
											src="${basePath}/AdminLTE/dist/img/photo2.png"
											alt="Attachment"></span>

										<div class="mailbox-attachment-info">
											<a href="#" class="mailbox-attachment-name"><i
												class="fa fa-camera"></i> photo2.png</a> <span
												class="mailbox-attachment-size"> 1.9 MB <a href="#"
												class="btn btn-default btn-xs pull-right"><i
													class="fa fa-cloud-download"></i></a>
											</span>
										</div></li>
								</ul>
							</div>
							<!-- /.box-footer -->
							<div class="box-footer">
								<div class="pull-right">
									<button type="button" class="btn btn-default">
										<i class="fa fa-reply"></i> Reply
									</button>
									<button type="button" class="btn btn-default">
										<i class="fa fa-share"></i> Forward
									</button>
								</div>
								<button type="button" class="btn btn-default">
									<i class="fa fa-trash-o"></i> Delete
								</button>
								<button type="button" class="btn btn-default">
									<i class="fa fa-print"></i> Print
								</button>
							</div>
							<!-- /.box-footer -->

							<!-- 上页下页 -->
							<div>
								<style type="text/css" media="screen">
.address_div {
	text-align: center;
	font-size: 22px;
}

.address_div a {
	margin: 0 15px 0 15px;
}

.page_index {
	display: none;
}
</style>
								<div class="address_div">
									<!-- 当前页 -->
									<span class="current_page_index page_index"></span>

									<!-- 总页数 -->
									<span class="total_page_index page_index"></span>

									<!-- 是否还有上一页 -->
									<span class="previous_page_index page_index"></span>

									<!-- 是否还有下一页 -->
									<span class="next_page_index page_index"></span> <a
										href="javascript:pageNumber(2)" class="first_page">首页</a> <a
										href="javascript:pageNumber(1)" class="prev_page">上一页</a> <a
										href="javascript:pageNumber(0)" class="next_page">下一页</a> <a
										href="javascript:pageNumber(3)" class="last_page">尾页</a>
								</div>
							</div>
							<!-- 上页下页end -->

						</div>
						<!-- /. box -->
					</div>
					<!-- /.col -->
				</div>
				<!-- /.row -->
			</section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->
		<footer class="main-footer">
			<div class="pull-right hidden-xs">
				<b>Version</b> 2.4.18
			</div>
			<strong>Copyright &copy; 2014-2019 <a
				href="https://adminlte.io">AdminLTE</a>.
			</strong> All rights reserved.
		</footer>
		<!-- Control Sidebar -->
		<aside class="control-sidebar control-sidebar-dark">
			<!-- Create the tabs -->
			<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
				<li><a href="#control-sidebar-home-tab" data-toggle="tab"><i
						class="fa fa-home"></i></a></li>
				<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i
						class="fa fa-gears"></i></a></li>
			</ul>
			<!-- Tab panes -->
			<div class="tab-content">
				<!-- Home tab content -->
				<div class="tab-pane" id="control-sidebar-home-tab">
					<h3 class="control-sidebar-heading">Recent Activity</h3>
					<ul class="control-sidebar-menu">
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-birthday-cake bg-red"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Langdon's Birthday</h4>

									<p>Will be 23 on April 24th</p>
								</div>
						</a></li>
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-user bg-yellow"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Frodo Updated His
										Profile</h4>

									<p>New phone +1(800)555-1234</p>
								</div>
						</a></li>
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-envelope-o bg-light-blue"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Nora Joined Mailing
										List</h4>

									<p>nora@example.com</p>
								</div>
						</a></li>
						<li><a href="javascript:void(0)"> <i
								class="menu-icon fa fa-file-code-o bg-green"></i>

								<div class="menu-info">
									<h4 class="control-sidebar-subheading">Cron Job 254
										Executed</h4>

									<p>Execution time 5 seconds</p>
								</div>
						</a></li>
					</ul>
					<!-- /.control-sidebar-menu -->

					<h3 class="control-sidebar-heading">Tasks Progress</h3>
					<ul class="control-sidebar-menu">
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Custom Template Design <span
										class="label label-danger pull-right">70%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-danger"
										style="width: 70%"></div>
								</div>
						</a></li>
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Update Resume <span class="label label-success pull-right">95%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-success"
										style="width: 95%"></div>
								</div>
						</a></li>
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Laravel Integration <span
										class="label label-warning pull-right">50%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-warning"
										style="width: 50%"></div>
								</div>
						</a></li>
						<li><a href="javascript:void(0)">
								<h4 class="control-sidebar-subheading">
									Back End Framework <span class="label label-primary pull-right">68%</span>
								</h4>

								<div class="progress progress-xxs">
									<div class="progress-bar progress-bar-primary"
										style="width: 68%"></div>
								</div>
						</a></li>
					</ul>
					<!-- /.control-sidebar-menu -->

				</div>
				<!-- /.tab-pane -->
				<!-- Stats tab content -->
				<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab
					Content</div>
				<!-- /.tab-pane -->
				<!-- Settings tab content -->
				<div class="tab-pane" id="control-sidebar-settings-tab">
					<form method="post">
						<h3 class="control-sidebar-heading">General Settings</h3>

						<div class="form-group">
							<label class="control-sidebar-subheading"> Report panel
								usage <input type="checkbox" class="pull-right" checked>
							</label>

							<p>Some information about this general settings option</p>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Allow mail
								redirect <input type="checkbox" class="pull-right" checked>
							</label>

							<p>Other sets of options are available</p>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Expose author
								name in posts <input type="checkbox" class="pull-right" checked>
							</label>

							<p>Allow the user to show his name in blog posts</p>
						</div>
						<!-- /.form-group -->

						<h3 class="control-sidebar-heading">Chat Settings</h3>

						<div class="form-group">
							<label class="control-sidebar-subheading"> Show me as
								online <input type="checkbox" class="pull-right" checked>
							</label>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Turn off
								notifications <input type="checkbox" class="pull-right">
							</label>
						</div>
						<!-- /.form-group -->

						<div class="form-group">
							<label class="control-sidebar-subheading"> Delete chat
								history <a href="javascript:void(0)" class="text-red pull-right"><i
									class="fa fa-trash-o"></i></a>
							</label>
						</div>
						<!-- /.form-group -->
					</form>
				</div>
				<!-- /.tab-pane -->
			</div>
		</aside>
		<!-- /.control-sidebar -->
		<!-- Add the sidebar's background. This div must be placed
       immediately after the control sidebar -->
		<div class="control-sidebar-bg"></div>
	</div>
	<!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script
		src="${basePath}/AdminLTE/bower_components/jquery/dist/jquery.min.js"></script>
	<!-- Bootstrap 3.3.7 -->
	<script
		src="${basePath}/AdminLTE/bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
	<!-- Slimscroll -->
	<script
		src="${basePath}/AdminLTE/bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
	<!-- FastClick -->
	<script
		src="${basePath}/AdminLTE/bower_components/fastclick/lib/fastclick.js"></script>
	<!-- AdminLTE App -->
	<script src="${basePath}/AdminLTE/dist/js/adminlte.min.js"></script>
	<!-- AdminLTE for demo purposes -->
	<script src="${basePath}/AdminLTE/dist/js/demo.js"></script>

	<!-- import -->
	<script type="text/javascript"
		src="${basePath}/MineJavaScript/StockModule/ReadDailyLog.js"></script>
</body>
</html>
